
import 'package:flutter/material.dart';
import 'package:yb_zsyiji_androidflutter_pro/YBHelper/YBColor/YBColor.dart';
import 'package:yb_zsyiji_androidflutter_pro/YBHelper/YBImageStyle/YBImageStyle.dart';
import 'package:yb_zsyiji_androidflutter_pro/YBHelper/YBTextStyle/YBTextStyle.dart';
import 'package:yb_zsyiji_androidflutter_pro/YBModule/YBXieGangAdModule/YBTuiGuangYuanPage/YBTuiGuangYuanSubPage.dart';

class YBTuiGuanYuanPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
        child: SingleChildScrollView(
          child: Column(
            children: [
                Container(
                  child: Padding(
                     padding: EdgeInsets.only(left:20,right: 20),
                     child: Column(
                       mainAxisAlignment: MainAxisAlignment.start,
                       crossAxisAlignment: CrossAxisAlignment.stretch,
                       children: [
                          Container(
                            child: Text("购买100张原始公会卡立即获得推广员身份，帮您发展更多潜在圈层好友，圈层好友办买省钱、办事省心",style:YBTextStyle.homeTitleText,),
                          ),
                          Container(
                            height: 12,
                          ),
                          Container(
                            child: Text("100张起购，如需批量购买公会卡，请联系购卡",style: YBTextStyle.xieGangQingNianTuiGuangYuanSubTitleText,),
                          ),
                          Container(
                            height: 24,
                          ),
                          Container(
                            height: 44,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(22.0),
                            ),
                            child: RawMaterialButton(
                              fillColor: YBColor.commonThemeColor,
                              shape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.all(Radius.circular(22.0)),
                              ),
                              child: Text("立即联系购卡",style: YBTextStyle.xieGangQingNianTuiGuangYuanBtnText,),
                              onPressed: (){

                              },
                            ),
                          ),
                         Container(
                           height: 16,
                         ),
                       ],
                     ),
                  ),
                ),
                Container(
                  height: 16,
                  color: YBColor.commonPageBackGroundColor,
                ),
                Container(
                  child: Padding(
                      padding:EdgeInsets.only(left: 20,right: 20,top: 20,bottom: 24),
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.start,
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        children: [
                          Container(
                            alignment:Alignment.centerLeft,
                            child: Image.asset(YBImageStyle.getImagePath("tuiguangyuangouwujinka"),height: 24,),
                          ),
                          Container(
                            height: 12,
                          ),
                          Container(
                            child: Image.asset(YBImageStyle.getImagePath("tuiguangyuangYuanbanner"),height: 100,),
                          ),
                        ],
                      ),
                  ),
                ),
                Container(
                  height: 16,
                  color: YBColor.commonPageBackGroundColor,
                ),
                Container(
                  child: Column(
                    children: [
                      Container(
                        height: 20,
                      ),
                      Container(
                        child: Text("·公会金卡专享权益·",style: YBTextStyle.homeTitleText,),
                      ),
                      Container(
                        height: 24,
                      ),
                      Container(
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            YBTuiGuangYuanSubPage(imageStr:"xiegangtuiguangyuanzigoudejiang",titleStr: "自购的奖励",),
                            YBTuiGuangYuanSubPage(imageStr:"tuiguangyuanfenxiang",titleStr: "分享赚大钱",),
                            YBTuiGuangYuanSubPage(imageStr:"tuiguangyuanshengqian",titleStr: "自购享优惠",),
                          ],
                        ),
                      ),
                      Container(
                        height: 36,
                      ),
                      Container(
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            YBTuiGuangYuanSubPage(imageStr:"tuiguangyuanquanceng",titleStr: "掌上公会",),
                            YBTuiGuangYuanSubPage(imageStr:"tuiguangyuanfansifanli",titleStr: "粉丝返利",),
                            YBTuiGuangYuanSubPage(imageStr:"tuiguangyuanfenxianghuke",titleStr: "分享互客",),
                          ],
                        ),
                      ),
                      Container(
                        height: 24,
                      ),
                    ],
                  ),
                ),
                Container(
                  height: 16,
                  color: YBColor.commonPageBackGroundColor,
                ),
                Container(
                  child: Column(
                    children: [
                      Container(
                        height: 20,
                      ),
                      Container(
                        child: Text("·我们的推广员·",style: YBTextStyle.homeTitleText,),
                      ),
                      Container(
                        child: Padding(
                          padding: EdgeInsets.only(top: 24,bottom: 24),
                          child: Container(
                            width: 300,
                            child: SingleChildScrollView(
                              scrollDirection: Axis.horizontal,
                              child: Row(
                                children: [
                                  Container(
                                    child: Image.network("https://avatars2.githubusercontent.com/u/20411648?s=460&v=4",width: 72,height: 72,),
                                  ),
                                  Container(
                                    child: Image.network("https://avatars2.githubusercontent.com/u/20411648?s=460&v=4",width: 72,height: 72,),
                                  ),
                                  Container(
                                    child: Image.network("https://avatars2.githubusercontent.com/u/20411648?s=460&v=4",width: 72,height: 72,),
                                  ),
                                  Container(
                                    child: Image.network("https://avatars2.githubusercontent.com/u/20411648?s=460&v=4",width: 72,height: 72,),
                                  ),
                                  Container(
                                    child: Image.network("https://avatars2.githubusercontent.com/u/20411648?s=460&v=4",width: 72,height: 72,),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ),
                      Container(
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Container(
                              child: Text("预计收入",style: YBTextStyle.xieGangQingNianShouRuText,),
                            ),
                            Container(
                              child: Text("17238",style: YBTextStyle.xieGangQingNianMoneyText,),
                            ),
                            Container(
                              child: Text("元",style: YBTextStyle.xieGangQingNianShouRuText,),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        height: 8,
                      ),
                    ],
                  ),
                ),

                Container(
                  child: Text('具体以推广员勤劳贡献实际取得为准',style:YBTextStyle.xieGangQingNianDisPlayText,),
                ),
                Container(
                  height: 24,
                ),
                Container(
                height: 16,
                color: YBColor.commonPageBackGroundColor,
              ),
                Container(
                  child: Column(
                    children: [
                      Container(
                        height: 20,
                      ),
                      Container(
                        child: Text("·掌上蚁集是什么·",style: YBTextStyle.homeTitleText,),
                      ),
                      Container(
                        height: 24,
                      ),
                      Container(
                        child: Padding(
                           padding: EdgeInsets.only(left: 20,right: 20,bottom: 20),
                           child: Text("掌上蚁集是卓越的一站式移动开放应用和数字营销平台，掌上蚁集的使命是“智能应用、精准营销”。智能应用涵盖微信互动、内容工具包等10多项应用功能，同时，掌上蚁集推出掌上云应用开放平台，为合作伙伴一步触达目标用户，帮助合作伙伴在掌上蚁集上实现定制开发和精准营销。",style: YBTextStyle.xieGangQingNianMiaosuText,),

                        ),
                      ),
                    ],
                  ),
                ),
            ],
          ),
        ),
    );
  }
}
